<template>
	<view>
		<uni-nav-bar style="width: 100%;" left-icon="left" backgroundColor="rgb(77, 139, 246)" :border="false"
			color="#fff" @clickLeft="onClickNavBack">
			<view class="nav-title">支付账户</view>

		</uni-nav-bar>
		<uni-list>
			<uni-list-item title="开通账户" showArrow clickable :border="true" class="list-border" @click="add">
				<template v-slot:header>
					<view>
						<image class="icon" src="@/static/images/payAccIcon.png" mode="aspectFit"></image>
					</view>
				</template>

			</uni-list-item>
		<!-- 	<uni-list-item title="修改密码" showArrow clickable :border="true" class="list-border" @click="edit">
				<template v-slot:header>
					<view>
						<image class="icon" src="@/static/images/editPassWord.png" mode="aspectFit"></image>
					</view>
				</template>
			</uni-list-item> -->
		</uni-list>
	</view>
</template>

<script setup>
	import sheep from '@/sheep';
	const onClickNavBack = () => {
		uni.navigateBack()
	}
	const add = () => {
		uni.navigateTo({
			url: '/pages/me/components/verifyPhone'
		})
	}
	// const edit = () => {
	// 	return
	// 	uni.navigateTo({
	// 		url: '/pages/me/components/verifyPhone'
	// 	})
	// }
</script>

<style lang="scss" scoped>
	.container-list {
		width: 100%;
	}

	.list-border {
		width: 100%;
	}

	.icon {
		width: 36rpx;
		height: 36rpx;
		margin-right: 20rpx;
	}

	.nav-title {
		font-size: 32rpx;
		display: flex;
		align-items: center;
		justify-items: center;
		justify-content: center;
		flex: 1;
	}
</style>